<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>04_图片插入</title>
</head>
<body>
    <!--右键选中.html文件 选择open in,选择Exploer-->
    <!--相对路径
    图片路径是从当前要插入图片的html出发去找资源
        1.图片与html在同一级目录：直接与图片全名
        2.图片在html文件的下一级目录，先写目录名，在写下级目录中的图片全名
        3.图片在html文件的上一级目录，先../回到上一级目录，在写上级目录中的图片全名-->
    <img src="2.jpg" alt="" height="400px">
    <img src="img/4.jpg" alt="" height="400px">
    <img src="../3.jpg" alt="" height="400px">
    <!--绝对路径-->
    <img src="https://img-s.msn.cn/tenant/amp/entityid/AA1Hmyug.img?w=768&h=766&m=6&x=500&y=267&s=254&d=254" alt="" height="400px" width="330px">
    <hr>
    <img src="123" alt="图片被偷走了">
</body>
</html>